<template>
  <div>
    <body>
      <el-container>
        <el-header style="text-align: left;" height="80px">
          <div style="margin-left: 20px; color: white;float: left;">
            <h1>LINXIN图书后台管理</h1>
          </div>
          <!-- <div style="float: left;margin-left: 1300px;margin-top: 20px;">
            <el-avatar :src="loginUser.headerPath"></el-avatar>
          </div> -->
          <!-- <el-menu style="width: 100px;float: left;margin-top: 10px;" class="el-menu-demo"
          background-color="rgba(95, 114, 253,0.8)" text-color="white" mode="horizontal">
          <el-submenu index="1">
            <template slot="title">{{loginUser.userName}}</template>
            <el-menu-item @click="goOut" index="1-1">退出</el-menu-item>
          </el-submenu>
          </el-menu> -->
        </el-header>
        <el-container>
          <el-aside width="150px">
            <el-menu style="text-align: left; font-weight: bold; width: 150px;" :default-active="$route.path"
              class="el-menu-vertical-demo" background-color="rgba(95, 114, 253,0.8)" text-color="white"
              active-text-color="#ffd04b" router>
              <el-menu-item index="#">
                <i class="el-icon-s-home"></i>
                <span slot="title">后台首页</span>
              </el-menu-item>
              <el-submenu index="1">
                <template slot="title">
                  <i style="color: white;" class="el-icon-menu"></i>
                  <span>人员管理</span>
                </template>
                <el-menu-item-group>
                  <el-menu-item index="/admin/addAccount">添加管理员</el-menu-item>
                  <el-menu-item index="/admin/showAccount">展示管理员</el-menu-item>
                </el-menu-item-group>
              </el-submenu>
              <el-submenu index="2">
                <template slot="title">
                  <i style="color: white;" class="el-icon-menu"></i>
                  <span>类别管理</span>
                </template>
                <el-menu-item-group>
                  <el-menu-item index="/admin/addBookType">添加类别</el-menu-item>
                  <el-menu-item index="/admin/showBookType">展示类别</el-menu-item>
                </el-menu-item-group>
              </el-submenu>
              <el-submenu index="3">
                <template slot="title">
                  <i style="color: white;" class="el-icon-menu"></i>
                  <span>图书管理</span>
                </template>
                <el-menu-item-group>
                  <el-menu-item index="/admin/addBookInfo">添加图书</el-menu-item>
                  <el-menu-item index="/admin/showBookInfo">展示图书</el-menu-item>
                </el-menu-item-group>
              </el-submenu>
              <el-submenu index="4">
                <template slot="title">
                  <i style="color: white;" class="el-icon-menu"></i>
                  <span>订单管理</span>
                </template>
                <el-menu-item-group>
                  <el-menu-item index="/admin/showOrderInfo">全部订单</el-menu-item>
                  <el-menu-item index="/admin/showOrderRefund">退款申请</el-menu-item>
                </el-menu-item-group>
              </el-submenu>
              <el-submenu index="5">
                <template slot="title">
                  <i style="color: white;" class="el-icon-menu"></i>
                  <span>系统管理</span>
                </template>
                <el-menu-item-group>
                  <el-menu-item >修改密码</el-menu-item>
                  <el-menu-item @click="goOut" index="5-2">退出登录</el-menu-item>
                </el-menu-item-group>
              </el-submenu>
              <el-menu-item index="#">
                <i class="el-icon-user-solid"></i>
                <span slot="title">个人中心</span>
              </el-menu-item>
            </el-menu>
          </el-aside>
          <el-main>
            <router-view />
          </el-main>
        </el-container>
      </el-container>
    </body>

  </div>
</template>

<script>
  export default {
    name: "Main",
    data() {
      return {

      };
    },
    methods: {
      goOut() { //退出登录（注销）
        //清空浏览器运行内存中的数据
        this.$router.push("/login");
        localStorage.removeItem("token")
      }
    },
    created() {
      // this.menuDtos = JSON.parse(sessionStorage.getItem("menuDtos"))
      // this.loginUser = JSON.parse(sessionStorage.getItem("loginUser"))
    },
    mounted() {

    }
  }
</script>

<style scoped>
  @import '../assets/css/main.css'
</style>

<style>

</style>
